<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name='viewport' content="width=device-width,initial-scale=1" user-scalable='no'>
	<title>乐视官网</title>
	<link rel="stylesheet" href="style/reset.css">
	<link rel="stylesheet" href="style/common.css">
	<link rel="stylesheet" href="style/swiper.min.css">
	<link rel="stylesheet" href="style/index.css">
	<script src='js/swiper.min.js'></script>
</head>
<body>
<!-- 轮播图 star-->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="images/index_lb_1.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="images/index_lb_2.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="images/index_lb_3.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="images/index_lb_4.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="images/index_lb_5.jpg" alt=""></div>
	    </div>
	    <!-- 分页器 -->
	    <div class="swiper-pagination"></div>
	</div>
<!-- 轮播图end -->
<!-- 头部tart-->
	<header>
		<div class='header'>
			<a href="" class='logo'>乐视商城</a>
			<div class='serch'>
				<a href=""><i class='iconfont'>&#xe603;</i>乐2</a>
			</div>
			<a href=""><i class='iconfont'>&#xe653;</i></a>
			<a href=""><i class='iconfont'>&#xe607;</i></a>
		</div>
	</header>
<!-- 头部end -->
<!-- 菜单star -->
	<div class='menu'>
		<ul>
			<li><a href=""><img src="images/menu_1.png" alt="">全部分类</a></li>
			<li><a href=""><img src="images/menu_2.png" alt="">超级手机</a></li>
			<li><a href=""><img src="images/menu_3.png" alt="">超级电视</a></li>
			<li><a href=""><img src="images/menu_4.png" alt="">会员购买</a></li>
			<li><a href=""><img src="images/menu_5.png" alt="">物流查询</a></li>
		</ul>
	</div>
<!-- 菜单end -->
<!-- 生态头条start -->
	<div class="headline">
		<div class="swiper-container2">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<dl>
						<dt><img src="images/top_line1.jpg" alt=""></dt>
						<dd><h3>VR购物体验版下载（仅安卓）</h3><p>VR购物初体验场景沉浸式购物模式</p></dd>
		        	</dl>
		        </div>
		        <div class="swiper-slide">
		        	<dl>
						<dt><img src="images/top_line2.jpg" alt=""></dt>
						<dd><h3>陪伴是送给孩子最好的春节礼物</h3><p>超级影视会员买一年送一年</p></dd>
		        	</dl>
		        </div>
		        <div class="swiper-slide">
		        	<dl>
						<dt><img src="images/top_line3.jpg" alt=""></dt>
						<dd><h3>乐视超级电视暖心收看攻略</h3><p>送给最心爱的爸爸妈妈</p></dd>
		        	</dl>
		        </div>
		    </div>
		</div>
		<div class='top'>
			<img src="images/shengtai.jpg" alt="">
		</div>
	</div>
<!-- 生态头条end -->
<!-- banner广告   star -->
	<div class='banner'>
		<a href=""><img src="images/banner1.jpg" alt=""></a>
		<a href=""><img src="images/banner2.jpg" alt=""></a>
	</div>
<!-- banner广告   end -->
<!-- 热卖精选star -->
	<div class='hot_box'>
		<h2>热卖精选</h2>
		<ul>
			<li>
				<a href="">
					<img src="images/hot_box1.jpg" alt="">
				</a>
			</li>
			<li>
				<a href=""><img src="images/hot_box2.jpg" alt=""></a>
				<a href=""><img src="images/hot_box3.jpg" alt=""></a>
			</li>
		</ul>
		<ul>
			<li><a href=""><img src="images/hot_box4.jpg" alt=""></a></li>
			<li><a href=""><img src="images/hot_box5.jpg" alt=""></a></li>
		</ul>
		<ul>
			<li><a href=""><img src="images/hot_box6.jpg" alt=""></a></li>
			<li><a href=""><img src="images/hot_box7.jpg" alt=""></a></li>
			<li><a href=""><img src="images/hot_box8.jpg" alt=""></a></li>
		</ul>
	</div>
<!-- 热卖精选end -->
<!-- 超级手机start -->
	<div class='super'>
		<h2>超级手机</h2>
		<img src="images/super1.jpg" alt="">
		<ul>
			<li><a href=""><img src="images/super2.jpg" alt=""></a></li>
			<li><a href=""><img src="images/super3.jpg" alt=""></a></li>
		</ul>
		<ul>
			<li><a href=""><img src="images/super4.jpg" alt=""></a></li>
			<li><a href=""><img src="images/super5.jpg" alt=""></a></li>
			<li><a href=""><img src="images/super6.jpg" alt=""></a></li>
		</ul>
	</div>
<!-- 超级手机end -->
<!-- 体育周边start -->
<!-- 体育周边end -->
</body>
<script>
// 顶部轮播效果start
	var mySwiper = new Swiper ('.swiper-container', {
		    loop: true,
		    //分页器
		    pagination: '.swiper-pagination',
		    autoplay : 2000, //自动轮播
		    autoplayDisableOnInteraction : false, //用户操作之后还可以自动轮播
		});
// 轮播效果end
//生态头条录播
	var mySwiper = new Swiper ('.swiper-container2', {
		    loop: true,
		    //分页器
		    pagination: '.swiper-pagination',
		    autoplay : 3000, //自动轮播
		    direction : 'vertical',
		    freeMode : true,
		    autoplayDisableOnInteraction : false, //用户操作之后还可以自动轮播
		});
</script>
</html>